<template>
  <div>首页</div>
  <div>{{ num }}</div>
  <button @click="add">点击++</button>
</template>
<script>
import { ref } from 'vue'
export default {
  /*
   ref:定义响应式数据
   1：导入  import {ref} from 'vue'
   2:定义
       const data=ref(0/false/{}/[]/null/undefined...)
   3:访问：
       data={value:相应传入的值}
       const data=ref(0)====>{value:0}
       data.value
       html :  不用写value
       js   :  value一定要写       
*/

  setup () {
    const num = ref(0)
    const add = () => {
      num.value++
    }
    return { num, add }
  }
}
</script>
